<!DOCTYPE html>
<html lang="en">

<head>
    <#include "/pages/front_include/head.html"/>
</head>
<!--/head-->

<body>
    <!--loading-->
    <div class="preloader"> <i class="fa fa-circle-o-notch fa-spin"></i></div>
    <!--/loading-->
    <header id="home">
        <!-- nav -->
        <#include "/pages/front_include/main_nav.html"/>
        <!-- /nav -->
    </header>
    <!--/#home-->

        <section id="services">
        <div class="container">
           
            <div class="text-center our-services shade">
                <div class="row" style="padding: 50px 0;">
                    <div class="col-sm-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-1"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>衣物洗护</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-2"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>衣物救治</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-3"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>改色重塑</h3>
                    </div>
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
                        <div class="service-icon">
                            <a href="javascript:void(0);" class="service-icon-4"><img src="pages/front/Assets/images/pic.png"></a>
                        </div>
                        <h3>成衣定性</h3>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 培训内容 -->
    <section id="services" style="margin-top:-50px;">
        <div class="container">
            <div class="our-services">
                <div class="row no-case">
                    <#if (servicesPictures?size>0)>
                        <#list servicesPictures as sp>
                            <div class="col-sm-3">
                                <div class="case-box">
                                    <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                                        <img src="img?fileName=${sp.filePath!}" class="maximg">
                                    </div>
                                    <br>
                                    <div class="text-center">${sp.name!}</div>
                                </div>
                            </div>
                        </#list>
                    <#else>
                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>

                    <div class="col-sm-3">
                        <div class="case-box">
                        <div class="wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
                            <img src="pages/front/Assets/images/temp/08.jpg" class="maximg">
                        </div>
                        <br>
                        <div class="text-center">羽绒服</div>
                        </div>
                    </div>
                    </#if>
                </div>
            </div>
        </div>
    </section>
    <!-- footer_js.html -->
    <#include "/pages/front_include/footer_js.html"/>
</body>

</html>